$(function () {
  let q = {
    pagenum: 1,
    pagesize: 5,
    cate_id: '',
    state:''
 } 
initArticle()
  function initArticle() {
  axios({
    url:'/my/article/list',
    method:'get',
    params: q
  }).then(res=>{
    if (res.data.status !== 0) return layer.msg(res.data.message)
    let arr = []
    res.data.data.forEach(ele => {
      arr.push(`
      <tr>
      <td>${ele.title}</td>
      <td>${ele.cate_name}</td>
      <td>${formaData(ele.pub_date)}</td>
      <td>${ele.state}</td>   
        <td>
          <button class="layui-btn layui-btn-xs">编辑</button>
          <button data-id="${ele.Id}" class="del-btn layui-btn layui-btn-xs layui-btn-danger">删除</button>       
      </td>
    </tr>
      `)
    })
    $('tbody').empty().html(arr.join(''))
    renderPageBox(res.data.total)
  })
  }
  // 渲染文章分类列表
  initArtCateList()
  function initArtCateList() {
    axios({
      url: '/my/article/cates',
      method: 'get',
    }).then(res => {
      //成功回调
      console.log(res)
      if (res.data.status !== 0) {
        return layer.msg(res.data.message)
      }
      let arr = ['<option value="">请选择文章所属分类</option>']
      res.data.data.forEach(ele => {
        arr.push(`<option value="${ele.Id}">${ele.name}</option> `)
      })
      $('[name="cate_id"]').empty().html(arr.join(''))
      layui.form.render()
    })



  }
  // 筛选
  $('#searchForm').on('submit', function (e) {
    e.preventDefault()
    q.cate_id = $('[name="cate_id"]').val()
    q.state = $('[name="state"]').val()
    initArticle()
  })
  // 页码
  function renderPageBox(total) {
    //执行一个laypage实例
    layui.laypage.render({
      elem: 'pageBox',//注意，这里的 test1 是 ID，不用加 # 号
      count: total, //数据总数，从服务端得到
      limit: q.pagesize,  //每页显示多少条
      curr: q.pagenum,//默认第几页
      layout: ['count', 'limit', 'prev', 'page', 'next', 'refresh', 'skip'],
      limits: [2, 3, 5, 10],
      jump: function (obj, first) {
        //obj包含了当前分页的所有参数，比如：
        console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
        console.log(obj.limit); //得到每页显示的条数

        //首次不执行
        if (!first) {
          q.pagenum = obj.curr
          q.pagesize = obj.limit
          initArticle()
        }
      }
    })

  }
   // 删除
   $('tbody').on('click', '.del-btn', function () {
    let id = $(this).attr('data-id')
    layer.confirm('是否确定删除?', { icon: 3, title: '提示' }, function (index) {
      axios({
        url: '/my/article/delete/' + id,
        method: 'get',
      }).then(res => {
        if (res.data.status !== 0) {
          return layer.msg(res.data.message)
        }
        layer.msg('恭喜你删除成功')
        $('.del-btn').length == 1 && q.pagenum >= 2 && q.pagenum--
        initArticle()
      })
      layer.close(index)
    })
   })
  
})